// 有时候公司接口有两个
import axios from 'axios'
// 引入轻提示,js方法
import { Toast } from 'vant'
import { getToken, removeToken } from '@/utils/storage'
import router from '@/router'

const request = axios.create({
  baseURL: 'http://interview-api-t.itheima.net/h5', // 基地址
  timeout: 5000 // 设置超时时间 5秒服务器显示有问题
})
// 可以写其他接口
// const request = axios.create({
//     baseURL: '其他接口地址' //基地址
//   })

// 拦截 request
// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 喜欢,收藏,都需要写,写在拦截器里好复用  在管理后台等路授权里cv
    config.headers.Authorization = ` Bearer ${getToken()}`
    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
request.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response.data
  },
  function (error) {
    // 解决过期的问题
    if (error.response.status === 401) {
      removeToken() // 把过期的token销毁掉
      router.push('/login')
      return
    }
    // 严谨加if判断
    // 如果error.response存在并且error.response.data也存在,执行下面代码
    if (error.response && error.response.data) {
      // 轻提示
      Toast.fail(error.response.data.message)
    }
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)
export default request
